<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE HTML>
<ui:composition 
	template="/dinamic/template/template.xhtml" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	 >
	 <ui:define name="menu">
		<ui:include src="/dinamic/template/menuAdministrador.xhtml" />
	</ui:define>
		<ui:define name="conteudo">
		
			<h:form id="formFiltroConsultarUsuario">
			<p:panel id="filtroConsultarUsuario"  header="Consultar Usuario">
				<div align="left">
				
				<p:outputPanel styleClass="name" id="panelFiltroConsulta">  
   					<p:selectOneRadio id="filtroConsulta" value="#{consultaUsuarioManagedBean.tipoFiltro}" layout="custom" >
       					<f:selectItem itemLabel="Nome" itemValue="1" />  
        				<f:selectItem itemLabel="E-mail" itemValue="2" />  
       					<f:selectItem itemLabel="Todos" itemValue="3" />    
       					<p:ajax immediate="true" update="filtro" event="change"/>  
   					</p:selectOneRadio>  
    				<h:panelGrid columns="2" >  
     		   			<p:radioButton id="opt1" for="filtroConsulta" itemIndex="0"/>  
      			  		<h:outputLabel for="opt1" value="Nome" />  
  	
  		 				<p:radioButton id="opt2" for="filtroConsulta" itemIndex="1"/>  
      		  			<h:outputLabel for="opt2" value="E-mail" />  
  
      			    	<p:radioButton id="opt3" for="filtroConsulta" itemIndex="2"/>  
      			    	<h:outputLabel for="opt3" value="Todos" />
  					</h:panelGrid>  
    				</p:outputPanel> 
				</div>
				</p:panel>
				
				<p:panel id="filtro" >
				<div align="left">
				<h:panelGrid styleClass="name" columns="2" cellpadding="5" rendered="#{consultaUsuarioManagedBean.tipoFiltro eq 1}">
					<h:outputLabel styleClass="name" value="Nome"/>
					<p:autoComplete id="nomeUsuario" value="#{consultaUsuarioManagedBean.usuario.nome}" maxResults="5" completeMethod="#{consultaUsuarioManagedBean.completeNomeUsuario}" size="60" maxlength="60"/>
					</h:panelGrid>	
				
				<h:panelGrid styleClass="name" columns="2" cellpadding="5" rendered="#{consultaUsuarioManagedBean.tipoFiltro eq 2}">
					<h:outputLabel styleClass="name" value="E-mail"/>
					<p:autoComplete id="emailUsuario" value="#{consultaUsuarioManagedBean.usuario.email}" maxResults="5" completeMethod="#{consultaUsuarioManagedBean.completeEmailUsuario}" size="60" maxlength="60"/>
				</h:panelGrid>
				
				<h:panelGrid id="confirmarBotao" columns="2">
					<p:commandButton 
						value="Consultar"  
						action="#{consultaUsuarioManagedBean.consultar()}" 
						ajax="false"
						/>
					<p:commandButton 
						value="Limpar" 
						action="#{consultaUsuarioManagedBean.resetFiltro()}" 
						update="filtroConsultarUsuario" process="@this"/> 
  					 <p:ajax immediate="true" update="filtro" event="click"/>
				</h:panelGrid>	
				</div>	
				</p:panel>
			</h:form>	
		</ui:define>
	</ui:composition>